<template>
  <div class="which-func">
    <h3>methods中有一个test方法，从./test文件也引入了一个test方法，在模板中添加点击事件执行test方法，会执行哪一个呢？</h3>
    <p>毫无疑问的可以看出来，引入的test方法是暗，说明没有被用到</p>
    <p>而点击按钮时，打印结果是'test in methods'</p>
    <p>所以，即使二者的方法名相同，在模板中只会执行methods中的方法，而不会执行引入的方法</p>
    <p>引入的test方法需要在script中使用，而不是在模板中</p>
    <button class="jump-btn" @click="test">testing</button>
  </div>
</template>

<script>
import { test } from './test'

export default {
  name: 'WhichFunc',
  methods: {
    test() {
      console.log('test in methods')
    }
  }
}
</script>